
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Limit Summary</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="/static/lib/layui/css/layui.css">
    <script src="/static/lib/layui/layui.js"></script>
     <script src="https://cdn.staticfile.org/echarts/4.3.0/echarts.min.js"></script>
</head>
<body>
<h1 style="margin-top: 20px">概述</h1>
 <hr class="layui-border-blue">
    <br>
<h1>Limit Summary</h1>
  <div id="main" style="width: 600px;height:400px;"></div>


<script type="text/javascript">

        // 初始化 echarts 实例
        var myChart = echarts.init(document.getElementById('main'));

        myChart.setOption({
            series : [{
                    name: '测试报告',
                    type: 'pie',    // 设置图表类型为饼图
                    radius: '55%',  // 饼图的半径，外半径为可视区尺寸（容器高宽中较小一项）的 55% 长度。
                    label: {
                        position: 'outside',
                        formatter: '{b}:{c} ({d}%)'
                    },
                    data:[          // 数据数组，name 为数据项名称，value 为数据项值
                        {name:'实例', value:20},
                        {name:'VCPU数量', value:10},
                        {name:'内存', value:3},
                        {name:'浮动IP', value:2},
                        {name:'安全组', value:0}
                    ]}
            ]
        })


</script>






</body>
</html>